
$(document).ready(function() {
	$('#evento').click(function() {
	//remuevo la imagen si existe
		$(".temp-img").remove();
		//pego la nueva imagen predefinida
		$("#temp").prepend('<img class="temp-img" src="img/eventos/a.jpg" width="668" height="431" alt="Superevento" />');
		//scroll hacia el inicio
		$('html, body').animate({ scrollTop: 0 }, 'slow');
		//animacion y muestro el slide correspondiente al menu seleccionado
		$("#temp").fadeIn( function() {
				$("#temp").show();
				});
		// traigo del xml los datos para el lado izquierdo,NOTA: No se cargan en una BD porque no es óptimo hacer una query por cada inicio.
		$.get('xml/datos.xml',function(data){
			$('#visor-a').empty();
			$(data).find('evento').each(function(){
				var $evento = $(this);
				var html = '<div id="visor-desc">';					  
				html += '<h1>' + $evento.attr('titulo') + '</h1>';
				html += '<p>' + $evento.find('p1').text() +'<br/><br/>'+ $evento.find('b1').text() + '</p>';
				html += '<span class="crea">' + $evento.find('boton1').text() + '</span>';
				$('#visor-a').append(html);
			});	
		});
		return false;
	});
});
   
	
$(document).ready(function() {
	$('#evento2').click(function() {
	$(".temp-img").remove();
	$("#temp").prepend('<img class="temp-img" src="img/eventos/b.jpg" width="668" height="431" alt="Superevento" />');
	$('html, body').animate({ scrollTop: 0 }, 'slow');
	$("#temp").fadeIn( function() {
				$("#temp").show();
				});
		$.get('xml/datos.xml',function(data){
			$('#visor-a').empty();
			$(data).find('evento2').each(function(){
				var $evento = $(this);
				var html = '<div id="visor-desc">';					  
				html += '<h1 style="font-size: 26px;">' + $evento.attr('titulo') + '</h1>';
				html += '<p>' + $evento.find('p2').text() +'<br/><br/>'+ $evento.find('b2').text() + '</p>';
				html += '<span class="crea">' + $evento.find('boton2').text() + '</span>';
				$('#visor-a').append(html);
			});						   
		});
		return false;
	});
});

$(document).ready(function() {
	$('#evento3').click(function() {
	$(".temp-img").remove();
	$("#temp").prepend('<img class="temp-img" src="img/eventos/c.jpg" width="668" height="431" alt="Superevento" />');
	$('html, body').animate({ scrollTop: 0 }, 'slow');
	$("#temp").fadeIn( function() {
				$("#temp").show();
				});
		$.get('xml/datos.xml',function(data){
			$('#visor-a').empty();
			$(data).find('evento3').each(function(){
				var $evento = $(this);
				var html = '<div id="visor-desc">';					  
				html += '<h1>' + $evento.attr('titulo') + '</h1>';
				html += '<p>' + $evento.find('p3').text() +'<br/><br/>'+ $evento.find('b3').text() + '</p>';
				html += '<span class="crea">' + $evento.find('boton3').text() + '</span>';
				$('#visor-a').append(html);
			});						   
		});
		return false;
	});
});

$(document).ready(function() {
	$('#evento4').click(function() {
	$(".temp-img").remove();
	$("#temp").prepend('<img class="temp-img" src="img/eventos/d.jpg" width="668" height="431" alt="Superevento" />');
	$('html, body').animate({ scrollTop: 0 }, 'slow');
	$("#temp").fadeIn( function() {
				$("#temp").show();
				});
		$.get('xml/datos.xml',function(data){
			$('#visor-a').empty();
			$(data).find('evento4').each(function(){
				var $evento = $(this);
				var html = '<div id="visor-desc">';					  
				html += '<h1 style="font-size: 27px;">' + $evento.attr('titulo') + '</h1>';
				html += '<p>' + $evento.find('p4').text() +'<br/><br/>'+ $evento.find('b4').text() + '</p>';
				html += '<span class="crea">' + $evento.find('boton4').text() + '</span>';
				$('#visor-a').append(html);
			});						   
		});
		return false;
	});
});

$(document).ready(function() {
	$('#evento5').click(function() {
	$(".temp-img").remove();
	$("#temp").prepend('<img class="temp-img" src="img/eventos/e.jpg" width="668" height="431" alt="Superevento" />');
	$('html, body').animate({ scrollTop: 0 }, 'slow');
	$("#temp").fadeIn( function() {
				$("#temp").show();
				});
		$.get('xml/datos.xml',function(data){
			$('#visor-a').empty();
			$(data).find('evento5').each(function(){
				var $evento = $(this);
				var html = '<div id="visor-desc">';					  
				html += '<h1>' + $evento.attr('titulo') + '</h1>';
				html += '<p>' + $evento.find('p5').text() +'<br/><br/>'+ $evento.find('b5').text() + '</p>';
				html += '<span class="crea">' + $evento.find('boton5').text() + '</span>';
				$('#visor-a').append(html);
			});						   
		});
		return false;
	});
});


$(document).ready(function() {
	$('#evento6').click(function() {
	$(".temp-img").remove();
	$("#temp").prepend('<img class="temp-img" src="img/eventos/f.jpg" width="668" height="431" alt="Superevento" />');
	$('html, body').animate({ scrollTop: 0 }, 'slow');
	$("#temp").fadeIn( function() {
				$("#temp").show();
				});
		$.get('xml/datos.xml',function(data){
			$('#visor-a').empty();
			$(data).find('evento6').each(function(){
				var $evento = $(this);
				var html = '<div id="visor-desc">';					  
				html += '<h1 style="font-size: 25px; ">' + $evento.attr('titulo') + '</h1>';
				html += '<p>' + $evento.find('p6').text() +'<br/><br/>'+ $evento.find('b6').text() + '</p>';
				html += '<span class="crea">' + $evento.find('boton6').text() + '</span>';
				$('#visor-a').append(html);
			});						   
		});
		return false;
	});
});
 